<template>
	<view>
		<view class="jinecontent">
			<view class="status_bar">
			  <!-- 这里是状态栏 -->
			</view>
			<uni-nav-bar @clickLeft="back" left-icon="back" background-color="transparent" border="false" color="#000" title="试用"></uni-nav-bar>
		</view>
		<view class="" style="padding: 20rpx 30rpx 0 30rpx;">
			<view class="" style="background-color: #FFFFFF;border-radius:24rpx;">
				<view class="jibenfuwu">
					基本服务
				</view>
				<view class="" style="height:1px;background:rgba(238,238,238,1)"></view>
				<view class="jibenfuwucontent">
					<view class="uni-flex" style="justify-content: space-between;">
						<view class="" style="text-align: center;" @tap="$util.toUrl('./shiyong')">
							<image src="../../static/image/renwy.png" mode="" class="zhangdan-image"></image>
							<view class="zhangdan-text">任务大厅</view>
						</view>
						<view class="" style="text-align: center;" @tap="$util.toUrl('./maijiashiyongGuize')">
							<image src="../../static/image/guize.png" mode="" class="zhangdan-image"></image>
							<view class="zhangdan-text">试用规则</view>
						</view>
						<view class="" style="text-align: center;" @tap="$util.toUrl('./maijiawoderenwujhe')">
							<image src="../../static/image/woderenwu.png" mode="" class="zhangdan-image"></image>
							<view class="zhangdan-text">我的任务</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	export default {
	    components: {
			uniNavBar
		},
		data() {
			return {
				shadow:true,
				jine:"0.00",
				userInfo:uni.getStorageSync("userInfo")
			}
		},
		onLoad:function(){
			// var that = this;
			// this.$util.nuiAjax(this.$jiekou.qianbaoYue, {
			// 	uid: uni.getStorageSync("token")
			// }, function(res) {
			// 	that.jine = res.yue;
			// })
			
			// uni.$on("updateJine",function(data){
			// 	that.$util.nuiAjax(that.$jiekou.qianbaoYue, {
			// 		uid: uni.getStorageSync("token")
			// 	}, function(res) {
			// 		that.jine = res.yue;
			// 	})
			// })
			
			
		},
		methods: {
			back:function(){
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="scss">
	.zhangdan-text{
		// height:34rpx;
		font-size:24rpx;
		font-weight:400;
		color:rgba(34,34,34,1);
		line-height:34rpx;
		padding-top: 22rpx;
		width:96rpx;
	}
	.zhangdan-image{
		width: 40rpx;
		height: 40rpx;
	}
	.jibenfuwucontent{
		padding:40rpx 60rpx; 
	}
	.jibenfuwu{
		// height:28rpx;
		font-size:28rpx;
		font-weight:500;
		color:rgba(34,34,34,1);
		line-height:28rpx;
		padding: 24rpx;
	}
	page{
		background-color: $page-bg-color;
	}
	.jinecontent{
		width: 100%;
		// height: 520rpx;
		// background: url(../../static/image/beijingqianbao.png) no-repeat;
		// background-size: 100%;
		background-color: #FFFFFF;
	}
	.status_bar {
	    height: var(--status-bar-height);
	    width: 100%;
    }
    .jine{
		height: 280rpx;
		background: url(../../static/image/beijingjine.png) no-repeat;
		background-size: 100%;
	}
	.jinetext{
		color: $uni-text-color-inverse;
		// height:48rpx;
		font-size:34rpx;
		font-weight:400;
		line-height:48rpx;
		text-align: center;
		padding-top: 40rpx;
	}
	.jinemoney{
		// height:80rpx;
		font-size:72rpx;
		font-weight:bold;
		color: $uni-text-color-inverse;
		line-height:80rpx;
		text-align: center;
		padding-top: 40rpx;
	}
</style>
